<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">停下</button>
    <script>
        let timeout=null;
        const btn = document.querySelector('#btn');
        btn.addEventListener('click',()=>{
            clearInterval(timeout);
        });
    //   每隔多久就定时一下
    // 启动一个定时器(setInterval)，在点击停下按钮后，消除定时器 
     // var 声明的， i -> window
    let i=1;  //未挂载在window上
    // 箭头函数 只有call  没有constractor
    // 作用域链查找
    // 箭头函数 this -> window
    console.log(window.i);
    console.log(this);
    // 定时器的返回值 是定时器id
    timeout = setInterval(() => {
        // 箭头函数 简版的函数
       console.log(i++);
       // NaN Not a Number
    //    console.log(this.i++);  // NaN++
    // console.log(this.C);  //undefined
    // console.log(this.C++);  //NaN
    },1000)

    </script>
</body>
</html>